<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="packaged/css/semantic.css">

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
<script src="packaged/javascript/semantic.js"></script>
<body>
<div class="ui secondary pointing menu">
  
  <a href  = "bandas.html" class="item">
    <img class="ui mini image" src="packaged/images/music_store.png" alt="P&aacute;gina principal" title= "P&aacute;gina principal">
  </a>
  <a href  = "bandas.html" class="item">
    <i class="users icon"></i> Bandas
  </a>
  <a href  = "discos.html" class="item">
      <img class="ui tiny image" align="left" src="packaged/images/acetato.png" alt="CDs/LPs" title= "CDs/LPs"></img>&nbsp; CDs/LPs 
  </a>
  
  <a href  = "tracks.html"class="item">
    <i class="music icon"></i> Tracks
  </a>
  <a href  = "clientes.html"class="active item">
    <i class="user icon"></i> Clientes
  </a>
  <a href  = "dependientes.html"class="item">
      <img class="ui tiny image" align="left" src="packaged/images/dependiente.png" alt="Dependientes" title= "Dependientes"></img>&nbsp; Dependientes
  </a>
  
  <a href  = "galeria.html"class="item">
      <img class="ui tiny image" align="left" src="packaged/images/gallery.png" alt="Galer&iacute;a" title= "Galer&iacute;a"></img>&nbsp; Galer&iacute;a
  </a>



  <div class="right menu">
    <div class="item">
      <form action="paginaResultado.html" method="get">
        <div class="ui icon input">
          <input placeholder="Buscar..." type="text">
          <i class="search link icon" type="submit"></i>
        </div>
      </form>
    </div>

    <div class="item">
      <div class="ui icon input">
        <a href="listaCompras.html" class="item" alt="Lista de &oacute;rdenes" title = "Lista de &oacute;rdenes" >
          <i class="browser icon"></i>
        </a>
      </div>
    </div>


    <div class="item">
      <div class="ui icon input">
        <a href="carroCompras.html" class="item">
          <i class="cart icon"></i> carrito
        </a>
      </div>
    </div>


    <a class="ui item">
      Salir
    </a>

    
  </div>
</div>


<div class="four wide column ui grid">
  <div class="three wide column">
    <div class="ui vertical menu">
      <div class="header item">
        <img class="ui tiny image" align="left" src="packaged/images/gender00.png" alt="G&eacute;neros" title= "G&eacute;neros"></img>&nbsp; G&eacute;neros
      </div>
      <div class="menu">
        <a class="item"> Jazz </a>
        <a class="item"> Pop </a>
        <a class="item"> Rock </a>
        <a class="item"> Metal </a>
        <a class="item"> Acad&eacute;mica </a>
        <a class="item"> Country </a>
        <a class="item"> Blues </a>
        <a class="item"> Alternativa </a>
        <a class="item"> R & B </a>
      </div>
    </div>
  </div>


 <div class="eight wide column">
    <div class="ui breadcrumb">
      <a class="section">Clientes</a>
      <div class="divider"> / </div>
      <a class="section">Agregar</a>
      <div class="divider"> / </div>
      <div class="active section"></div>
    </div>

    <h2 class="ui header">
      Agregar cliente
    </h2>
    <div align="left">
      <table>
        <tbody>
          <tr><td><b>Nombre</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
          </td></tr>
          <tr><td><b>Direcci&oacute;n</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
          </td></tr>
          <tr><td><b>Tel&eacute;fono</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
          </td></tr>
        </tbody>
      </table>
      <div class="ui segment">
        <img class="ui small left floated image" src="packaged/images/add_persona.png">
      </div>
      
      <a href = "clientes.html">
        <div class="ui button">
          Guardar datos
        </div>
      </a>
      


    </div>
    
 </div>




  <div class="five wide column">
    <h2 class="ui header">
      CDs m&aacute;s vendidos
    </h2>
     <div class="ui segment">
      <img class="ui small left floated image" src="packaged/images/helloweenkeeperofthesevenkeys2.jpg">
      <table>
        <tbody>
          <tr><td><b>Banda</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            Helloween</td></tr>
          <tr><td><b>&Aacute;lbum</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            Keeper of the Seven Keys Part II</td></tr>
          <tr><td><b>Publicaci&oacute;n</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            1988</td></tr>
          <tr><td><b>G&eacute;nero</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            Power metal</td></tr>
          <tr><td><b>Duraci&oacute;n</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            54:33</td></tr>
        </tbody>
      </table>
    </div>
    <div class="ui segment">
      <img class="ui small left floated image" src="packaged/images/Iron_Maiden_-_The_Number_Of_The_Beast.jpg">
      <table>
        <tbody>
          <tr><td><b>Banda</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            Iron Maiden</td></tr>
          <tr><td><b>&Aacute;lbum</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            The Number of the Beast</td></tr>
          <tr><td><b>Publicaci&oacute;n</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            1988</td></tr>
          <tr><td><b>G&eacute;nero</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            Power metal</td></tr>
          <tr><td><b>Duraci&oacute;n</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            54:33</td></tr>
        </tbody>
      </table>
    </div>
    <div class="ui segment">
      <img class="ui small left floated image" src="packaged/images/Bathory_Bathory.jpg">
      <table>
        <tbody>
          <tr><td><b>Banda</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            Bathory</td></tr>
          <tr><td><b>&Aacute;lbum</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            Bathory</td></tr>
          <tr><td><b>Publicaci&oacute;n</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            1984</td></tr>
          <tr><td><b>G&eacute;nero</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            Black metal</td></tr>
          <tr><td><b>Duraci&oacute;n</b></td><td>
            <div class="ui input"><input type="text" value = ""></div>
            26:52</td></tr>
        </tbody>
      </table>
    </div>





  </div>

</div>

</body>
</html>